<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>我的图书馆</title>
    <link rel="stylesheet" href="static/css/base.css">
    <link rel="stylesheet" href="static/css/components.css">
    <link rel="stylesheet" href="static/css/layout.css">
    <link rel="stylesheet" href="static/css/utilities.css">
    <style>
        .main-welcome-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 80vh;
        }
        .welcome-title {
            font-size: 54px;
            font-weight: bold;
            margin-top: 80px;
            text-shadow: 0 4px 24px rgba(0,0,0,0.35), 0 1px 0 #333;
            letter-spacing: 8px;
            color: #81D8D0;
            border-radius: 12px;
            padding: 24px 48px;
        }
    </style>
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/bootstrap.min.js" ></script>
    <script>
        $(function () {
            $('#header').load('reader_header.html');
        })
    </script>
</head>
<body style="background: url('static/img/library_welcome.jpg') no-repeat center center fixed; background-size: cover;">
<div id="header"></div>
<div class="main-welcome-container">
    <div class="welcome-title">欢迎来到图书馆</div>
</div>
</body>
</html>
